| <script type="text/javascript" src="script1.js"></script> | |
| </head> | |
| <body> | |
| <form action="process.php" method="post"> | |
| First name : <input type="text" name="fname" autofocus /> | |
| <br/> | |
| Age : <input type="number" name="age" id="a" max="100" min="0"/> | |
| <br/> | |
| Email : <input type="email" name="email" required/> | |
| <br/> | |
| Order id: <input type="text" name="order" pattern="[0-9]{2}{A-Z}{3}" title="2 digits and then 3 letters"/> | |
| <br/> | |
| Password : <input type="password" name="pass" required/> | |
| <br/> | |
| <input type="submit" value="send" onclick="checkAge()"/> | |
| </form> | |
----------java---------- |
function checkAge()
{
var age = document.getElementById('a');
if(age.value >= 1 && age.value <=17)
{
alert("you are a minor");
}
else{
alert("you are an adult")
}
}
------css-------
------css-------
input {
border:solid 2px
}
input:valid {
border:solid 2px;
border-color:blue;
}
input:invalid{
border:solid 1px;
border-color:red;
}
----------video-----------
| <video src="Glory.mp4" | |
| width="300" height="100" | |
| poster="Blue.jpg" | |
| muted="muted" | |
| controls="controls" | |
| > | |
| </video> | |
| -------------anyme------------------ جعل الديف متوازي الاضلاع |
| div{ | |
| width:100px; | |
| height: 70px; | |
| background-color: #666; | |
| border: 1px solid red; | |
| color:#fff; | |
| } | |
| div#div2{ | |
| // transform:skew(30deg, 20deg); | |
| transform:skew(30deg); | |
| -moz-transform:skew(30deg); | |
| -webkit-transform:skew(30deg); | |
| }
| |
Post a Comment